<!-- Left sidebar -->
<section class="span270">
<h2 class="hidden">
    Left Sidebar
</h2>
<!-- ¡Qué Fresón! -->
<aside class="widget w-pictures">
    <div class="widget-title">
        <h4>
            <a href="/galerias/tipo/2">&iexcl;Qu&eacute; Fres&oacute;n!</a>
        </h4>
    </div>
    <div class="widget-content clearfix thumbnails">
        <ul class="posts-in-images clearfix">
            {foreach from=$queFreson item=album}
                <li rel="tooltip" data-toggle="tooltip" data-placement="top" data-original-title="{$album->getTitulo()}" title="">
                    <a href="/galerias/album/{$album->getAlbumId()}">
                        <div class="thumb-effect">
                            <div class="mask"></div>
                            <img src="/framework/timthumb.php?src=/galerias/{$album->getFotoPrincipal()}&amp;w=80&amp;h=75" />
                        </div>
                    </a>
                </li>
            {/foreach}
        </ul>
    </div>
</aside>
<!-- ¡Ay No Memes! -->
<aside class="widget w-pictures">
    <div class="widget-title">
        <h4>
            &iexcl;Ay, No Memes!
        </h4>
    </div>
    <div class="widget-content clearfix thumbnails">
        <ul class="posts-in-memes clearfix">
            <li rel="tooltip" data-toggle="tooltip" data-placement="top" data-original-title="{$ayNoMemes->getDescripcion()}" title="">
                <a class="meme" title="{$ayNoMemes->getDescripcion()}" href="/fotos/{$ayNoMemes->getFoto()}">
                    <div class="thumb-effect">
                        <div class="mask"></div>
                        <img src="/framework/timthumb.php?src=/fotos/{$ayNoMemes->getFoto()}&amp;w=270&amp;h=180" />
                    </div>
                </a>
            </li>
        </ul>
    </div>
</aside>
<!-- Esquina Naranja -->
{if $esquinaNaranja|@sizeof ==4}
<aside class="widget w-posts s-posts">
    <div class="widget-title">
        <h4>
            Esquina Naranja
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="posts-in-widget">
            <div class="row-fluid modern-items-list">
                <div id="widget_270_slider1" class="flexslider">
                    <ul class="slides">
                        {foreach from=$esquinaNaranja item=en}
                            <li>
                                <ul class="items left clearfix">
                                    <li>
                                        <article class="fold-item span12">
                                            <div class="clearfix">
                                                <img src="/framework/timthumb.php?src=/{if $en->getImagen() == ""}images/logo.png{else}fotos/{$en->getImagen()}{/if}&amp;w=271&amp;h=200" class="post-img" />
                                                <div class="post-sitemap">
                                                        <span>
                                                            <i class="bo-icon-home bo-icon-white">
                                                            </i>
                                                            {$en->getSeccionNombre()}
                                                        </span>
                                                </div>
                                                <div class="description visible-part">
                                                    <h5 class="title">
                                                        {$en->getTitulo()}
                                                    </h5>
                                                    <div class="info">
                                                            <span>
                                                                <i class="bo-icon-time bo-icon-white">
                                                                </i>
                                                                {$en->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$en->getHoraPublicacion()|date_format: "%H:%M"}
                                                            </span>
                                                            <span>
                                                                <i class="bo-icon-comment bo-icon-white">
                                                                </i>
                                                                {$en->getNumComments()}
                                                            </span>
                                                    </div>
                                                    <p class="text">
                                                        {$en->getDescripcion()} ...
                                                    </p>
                                                </div>
                                                <a href="/nota/{$en->getNotaID()}" class="more" title=""></a>
                                            </div>
                                        </article>
                                    </li>
                                </ul>
                            </li>
                        {/foreach}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>
{/if}
<!-- ¡Fresón Político! -->
<aside class="widget w-pictures">
    <div class="widget-title">
        <h4>
            <a href="/galerias/tipo/3">&iexcl;Fres&oacute;n Pol&iacute;tico!</a>
        </h4>
    </div>
    <div class="widget-content clearfix thumbnails">
        <ul class="posts-in-images clearfix">
            {foreach from=$fresonPolitico item=album}
                <li rel="tooltip" data-toggle="tooltip" data-placement="top" data-original-title="{$album->getTitulo()}" title="">
                    <a href="/galerias/album/{$album->getAlbumId()}">
                        <div class="thumb-effect">
                            <div class="mask"></div>
                            <img src="/framework/timthumb.php?src=/galerias/{$album->getFotoPrincipal()}&amp;w=80&amp;h=75" />
                        </div>
                    </a>
                </li>
            {/foreach}
        </ul>
    </div>
</aside>
<!-- Poll Cloud -->
<aside class="widget w-poll">
    <div class="widget-title">
        <h4>
            La Encuesta
        </h4>
    </div>
    <div class="widget-content clearfix">
        <form method="get">
            <div class="poll-ques">
                <div class="title">
                    <h5>
                        <b>{$encuesta->getPregunta()}</b>
						<input type="hidden" id="encuestaID" name="encuestaID" value="{$encuesta->getEncuestaId()}" />
                    </h5>
                </div>
                <div class="answers">
					{foreach from=$encuesta->getOpciones() item=opcion}
						<label class="radio">
							<input type="radio" name="optionRespuesta" id="optionsRadios1" value="{$opcion->getEncopId()}" />
							{$opcion->getEncop()}
						</label>
					{/foreach}
					<button type="button" class="btn-theme vote" id="laEncuestaSubmit">
						&excl;Votar!
					</button>
                </div>
                <div id="encuesta_results" class="result hidden">
						<span>
							Excelente (75%)
						</span>
						<span>
							Regular (20%)
						</span>
						<span>
							Mala (5%)
						</span>
						<span class="total">
							Total de Votos: 2,522
						</span>
                </div>
            </div>
        </form>
    </div>
</aside>
<!-- !Qué Guau! -->
<aside class="widget w-pictures">
    <div class="widget-title">
        <h4>
            <a href="/galerias/tipo/1">&iexcl;Qu&eacute; Guau!</a>
        </h4>
    </div>
    <div class="widget-content clearfix thumbnails">
        <ul class="posts-in-images clearfix">
			{foreach from=$queGuau item=album}
				<li rel="tooltip" data-toggle="tooltip" data-placement="top" data-original-title="{$album->getTitulo()}" title="">
					<a href="/galerias/album/{$album->getAlbumId()}">
						<div class="thumb-effect">
							<div class="mask"></div>
							<img src="/framework/timthumb.php?src=/galerias/{$album->getFotoPrincipal()}&amp;w=80&amp;h=75" />
						</div>
					</a>
				</li>
			{/foreach}
        </ul>
    </div>
</aside>
<!-- Tags Cloud -->
<aside class="widget w-tags">
    <div class="widget-title">
        <h4>
            Secciones
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="tags-cloud">
            <a href="/seccion/2" class="btn-theme">Local</a>
            <a href="/seccion/1" class="btn-theme">Nacional</a>
            <a href="/seccion/6" class="btn-theme">El Tiempo</a>
            <a href="/seccion/3" class="btn-theme">Internacional</a>
            <a href="/seccion/4" class="btn-theme">Deportes</a>
            <a href="/columnas.php" class="btn-theme">La Columna</a>
            <a href="/seccion/8" class="btn-theme">Municipios</a>
            <a href="/galerias/tipo/1" class="btn-theme">&iexcl;Qu&eacute; Guau!</a>
            <a href="/seccion/24" class="btn-theme">M&aacute;s Deporte</a>
        </div>
    </div>
</aside>
<!-- Twitter Widget -->
<aside class="widget w-facebook">
    <div class="widget-title">
        <h4>
            &iexcl;Lo M&aacute;s Twitteado!
        </h4>
    </div>
    <div class="widget-content clearfix">
		<a class="twitter-timeline" href="https://twitter.com/masmedio/masmedio-favoritos" data-widget-id="345749871795523584">Tweets Favoritos de @masmedio</a>
    </div>
</aside>
<!-- Tech News -->
{if $gadgets|@sizeof == 2}
<aside class="widget w-posts hd-cat-1">
    <div class="widget-title">
        <h4>
            Gadgets
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="posts-in-widget">
            <div class="row-fluid modern-items-list">
                <div id="widget_270_slider1" class="flexslider">
                    <ul class="slides">
						{foreach $gadgets as $nota}
							<li>
								<ul class="items left clearfix">
									<li>
										<article class="fold-item span12">
											<div class="clearfix">
												<img src="/framework/timthumb.php?src=/{if $nota->getImagen() == ""}images/logo.png{else}fotos/{$nota->getImagen()}{/if}&amp;w=271&amp;h=200" class="post-img" />
												<div class="post-sitemap">
														<span>
															<i class="bo-icon-home bo-icon-white">
															</i>
															{$nota->getSeccionNombre()}
														</span>
												</div>
												<div class="description visible-part">
													<h5 class="title">
														{$nota->getTitulo()}
													</h5>
													<div class="info">
															<span>
																<i class="bo-icon-time bo-icon-white">
																</i>
																{$nota->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$nota->getHoraPublicacion()|date_format: "%H:%M"}
															</span>
															<span>
																<i class="bo-icon-comment bo-icon-white">
																</i>
																{$nota->getNumComments()}
															</span>
													</div>
													<p class="text">
														{$nota->getDescripcion()} ...
													</p>
												</div>
												<a href="/nota/{$nota->getNotaID()}" class="more" title=""></a>
											</div>
										</article>
									</li>
								</ul>
							</li>
						{/foreach}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>
{/if}
</section>
